<template>
  <div>
    <the-header></the-header>
    <the-aside></the-aside>
    <div class="content-box" :class="{'.content-collapse':collapse}">
      <router-view/>
    </div>
  </div>
</template>

<script>
import TheAside from "./TheAside";
import TheHeader from "./TheHeader";
import bus from "@/assets/js/bus";
export default {
    name: '',
    components: {
      TheAside,
      TheHeader
    },
    props: {},
    data () {
      return {
        collapse: false,
      }
    },
    computed: {},
    watch: {},
    created () {
      // 使用 Bus 进行组件间的通信，来折叠侧边栏，on 为接受
      bus.$on('collapse', msg => {
        this.collapse = msg
      })
    },
    methods: {}
}
</script>
<style>
</style>